<template>
    <div class="p-16px h-full flex flex-col border-box">
        <commonTabs v-model:active="active" :tabs="tabs" />
        <div class="h-full" v-if="active === 1">
            <list />
        </div>
        <div class="h-full" v-if="active === 2">
            <add />
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue'
import commonTabs from '@/components/commonTabs/index.vue'
import list from './list.vue'
import add from './add.vue'

const active = ref(1)
const tabs = ref([
    {
        name: '会员卡',
        id: 1
    },
    {
        name: '创建会员卡',
        id: 2
    }
])


</script>
<style lang="scss" scoped></style>
